  <template>
    <div class="shuiweiChart_main_container">
        <chart-view class="shuiwei-chart-content"  :chart-option="ShuiWeiChartOpt" :auto-resize="true" :play-highlight="false" height="130px"/>
    </div>
  </template>
  
  <script>
  

  
  export default {
    name:'ShuiWeiChart',
    components:{

    },
    props: {
      chartData: {
        type: Object,
        default: function () {
          return {}
        }
      },
    },
    watch: {
      chartData: {
            handler(newVal, oldVal) {
                console.log("*****yali*********",newVal);
                this.ShuiWeiChartOpt = this.$eChartFn.ShuiWeiChart(newVal);
                
            },
            // immediate:true
        }
    },
    created() {
      this.ShuiWeiChartOpt = this.$eChartFn.ShuiWeiChart();
    },
    data() {
      return {
        ShuiWeiChartOpt: {}
      };
    },
  
    methods: {

    },
  };
  </script>
  
  <style lang="scss" scoped>

  .shuiweiChart_main_container {

  }

  .shuiwei-chart-content {
    // height: 270px;
  }
  </style>